<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/iconfont.css">
	</head>
	<body>
		<!--header-->
		<header>
			<div class="header_top">
				<div ><a class="logo" href="index.html"></a></div>
				<ul class="user">
					<li><a href="logon.html">登录</a><a>/</a><a href="register.html">注册</a><a href="" class="iconfont icon-account"></a></li>
					<li><a href="">购物车</a><a href="" class="iconfont icon-shopping-cart-fill"></a></li>
					<li><a href="" class="iconfont icon-wind-cry"></a></li>
					<li><a href="" class="iconfont icon-wind-smile"></a></li>
					<li><a href="" class="iconfont icon-question-circle-fill"></a></li>
				</ul>
			</div>
			<div class="header_footer">	
				<ul>
					<li><a href="">男的</a></li>
					<li><a href="">女的</a></li>
					<li><a href="">儿童</a></li>
					<li><a href="">联名合作款</a></li>
					<li><a href="">店铺分布</a></li>
				</ul>
			</div>
		</header>
		<!-- 注册 -->
		<form class="register" action="">
			<ul>
				<li>
					<div class="mui-input-row">
						<label>手机号码<span>*</span></label>
						<input type="text" placeholder="135xxxx3333">
					</div>
					
				</li>
				<li>
					<div class="mui-input-row">
						<label>邮箱<span>*</span></label>
						<input type="text" placeholder="xxxx@xxx.com">
					</div>
				</li>
				<li>
					<div class="mui-input-row">
						<label>性别<span>*</span></label>
						<div class="sex">
							<input name="sex" type="radio" /><span>男</span>
						</div>
						<div class="sex">
							<input name="sex" type="radio" checked="checked" /><span>女</span>
						</div>
						
					</div>
				</li>
				<li>
					<div class="mui-input-row">
						<label>输入密码<span>*</span></label>
						<input type="password" placeholder="密码至少6位字符">
					</div>
				</li>
				<li>
					<div class="mui-input-row">
						<label>确认密码<span>*</span></label>
						<input type="password" placeholder="请再次输入密码">
					</div>
				</li>
				<li>
					<div class="mui-input-row">
						<label for="year">生日（日-月-年）<span>*</span></label>
						<select id="day">
							<option>1</option>
						    <option>2</option>
						    <option>3</option>
						    <option>4</option>
						    <option>5</option>
						</select>
						<select id="month">
							<option>Jan</option>
						    <option>2</option>
						    <option>3</option>
						    <option>4</option>
						    <option>5</option>
						</select>
						<select id="year">
							<option>1987</option>
						    <option>1988</option>
						    <option>3</option>
						    <option>4</option>
						    <option>5</option>
						</select>
					</div>
				</li>
				<li>
					<div class="mui-input-row">
						<label></label>
						<input type="button" value="点击验证">
						
					</div>
				</li>
				<li>
					<div class="mui-input-row">
						<label>短信验证码<span>*</span></label>
						<div class="but">
							<input name="" type="text" />
						</div>
						<div class="but1">
							<input name="" type="button" value="发送短信验证吗" />
						</div>
					</div>
				</li>
				<li>
					<div class="last">
						<label>一旦创建账户，即表明你同意匡威的<a href="">法律声明</a>和<a href="">使用规则</a></label>
						<input type="button" value="注册账户&gt;">
						
					</div>
				</li>
			</ul>
		</form>
		<!--footer-->
		<!-- <div id="footer_wrap"> -->
			<div id="footer">
			
					
				
				<div class="footer_t">
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
				</div>
				</div>
				
				<div class="foot_warp">
					<div class="footer_s">
						<div class="footer_f">
								<ul>
									<li><a href="">关于我们</a></li>
									<li><a href="">帮助和购物指南</a></li>
									<li><a href="">法律声明</a></li>
									<li><a href="">使用规则</a></li>
									
								</ul>
								
							</div>
							<div class="tubiao">
								<a href=""></a>
							</div>
							<div class="footer_x">
								<a href="">@匡威体育用品（中国）有限公司 保留所有权利 </a>
							</div>
							
						</div>
					</div>
				</div>
				
	</body>
</html>
